<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>overfloat 与</title>

<style >

.title {
font-size: 30px;
background: darkgray;
}

h1 {
 color: blue;
}



/*
----------overflow用法--------------
*/
.box {
background: red;
width: 200px;
height: 200px;
border: black 2px solid;
overflow: scroll;
/*
overflow: hidden; //溢出的内容隐藏不见
scroll 内容可滚动//

*/
}

.content_1
{
  background: blue;
  width: 300px;
  height: 300px;


}



</style>

  </head>

  <body>

<!--  -->


<h1>overflow用法</h1>

<div class="box">
  <div class="content_1">
    111111
  </div>

</div>


<h1>overflow清除浮动</h1>
<p>看"兼容性"文件夹下的内容</p>


</body>
</html>
